반응형 디자인 Media Query

화면의 크기에 따라 웹 페이지의 각요소들이 반응하여동작하게 된다.
/* screen width >800px min[초소값],max[최대값]*/

            @media(max-width: 800px){
                h1{
                    color:hsl(123, 89%, 45%);
                }
                #responsive{
                    display: none;
                }
            }